<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>代言详情</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/aui-flex.css">
    <link rel="stylesheet" href="./css/rebateDetail.css">
    <script type="text/javascript" src="../../js/base.js"></script>
</head>
<body>
<section id="app" v-cloak>
<div   v-if="navigator && navigator.onLine === true"> <!--网络正常-->
        <div class="aui-flex-col aui-flex-item-12 aui-padded-l-10 aui-padded-r-10 aui-padded-b-10 goodsList">
            <div class="aui-flex-item-7" style="height:2.25rem;line-height: 2.25rem">
                <div class=" aui-font-size-12" style="height:2.25rem">
                    <img src="../../icon/logo.png" style="height:0.8rem; line-height: 0.8rem;position:absolute;top:0.9rem;" alt="">
                    <span class="textColor" style="  display: inline-block; position:relative; top:0.1rem;left:3rem;">小普微信商城专营  <i class="aui-iconfont aui-icon-right" style="font-size: 0.6rem"></i></span>
                </div>
            </div>
            <div class="aui-flex-item-5 aui-font-size-12 aui-text-right aui-padded-r-5 textColor" >
                <div style="position:relative;top:0.8rem">订单号:{{nUtils.getUrlParam("order")}}</div>
                <!--<div>{{daiyanInfo.order_sn}}</div>-->
            </div>
        </div>
    <div style="clear: both"></div>
        <div class="aui-flex-col aui-flex-item-12 aui-padded-b-10" v-for="goods in userGoodsInfo" style="background-color: #fff">
            <div style="clear: both"></div>
            <div style="border-bottom: 1px solid #efefef;width:94%;margin:0 3%"></div>
            <div class=" aui-padded-t-10">
                <div class="aui-flex-item-3 aui-padded-l-15 aui-margin-r-15">
                    <img v-bind:src="getImage(goods.goods_image)"  />
                </div>
                <div class="aui-flex-item-6">
                    <div class=" aui-padded-r-10 aui-font-size-16 "> {{goods.goods_name}}</div>
                    <!--<div class="aui-grid-label aui-font-size-12 aui-text-danger aui-margin-0"><img src="../../icon/2-1/fenxiang.png" style="height:0.5rem"></div>-->
                    <div class=" aui-padded-r-10 aui-font-size-12 aui-padded-b-5 textColor "  style="width:7.5rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;"> {{goods.goods_desc}}</div>
                    <div class=" aui-padded-r-10 aui-font-size-12 textColor "> {{getTypeAndColor(goods.attrText,0)}}</div>
                    <div class=" aui-padded-r-10 aui-font-size-12 textColor"> {{getTypeAndColor(goods.attrText,1)}}</div>
                </div>
                <div class="aui-flex-item-2 aui-font-size-14">
                    <div class="textColor">￥{{goods.shop_price}}</div>
                </div>
            </div>
        </div>
        <div style="clear: both"></div>
       <div class=" aui-padded-b-10" v-for="userInfo in userRebInfo" >
           <div style="clear: both"></div>
           <div style="border-bottom: 1px solid #efefef;width:94%;margin:0 3%"></div>
           <div class="aui-flex-col aui-flex-item-12 aui-padded-t-10  aui-padded-b-10" style="background: #fff">
               <div class="aui-flex-item-2 aui-padded-l-10">
                   <img  style="height:2rem;width:2rem;border-radius: 1rem" v-bind:src="getFImage(userInfo.tx_images)" />
               </div>
               <div class="aui-flex-item-7 aui-font-size-14" style="">
                  <div>{{userInfo.wx_name}}</div>
                   <div class="aui-font-size-12 textColor">一支穿云箭，千军万马来相见~</div>
               </div>
               <div class="aui-flex-item-3 aui-text-right aui-padded-r-15 aui-font-size-14 moneyColor" style="height:2rem;line-height: 2rem">+￥{{ userInfo.shop_price/10}}</div>
           </div>
       </div>
</div>
    <div v-if="navigator && navigator.onLine === false" style="position:relative;" @click="goOnLine()">
        <div style="position:absolute;top:50%;left:50%;margin-top:8rem;margin-left: -3rem">
            <img src="../../icon/duanwang.png" alt="" style="width:6rem">
            <div class="aui-text-center">暂无网络</div>
        </div>

        <div  class="aui-text-center textColor" style="position:absolute;top:50%;left:50%;margin-top:15rem;margin-left: -86px">请连接网络后,点击刷新</div>
    </div>

</section>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/api.js"></script>
<script type="text/javascript" src="./js/rebateDetail.js" ></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../../js/weixin.js" ></script>
</body>
</html>